<template>
    <TabBar>
        <tab-bar-item link="/home">
            <img slot="icon" src="~assets/img/tabbar/home.png" alt="">
            <img slot="active-icon" src="~assets/img/tabbar/home_active.png" alt="">
            <div slot="text">首页</div>
        </tab-bar-item>
        <tab-bar-item link="/food">
            <img slot="icon" src="~assets/img/tabbar/food.png" alt="">
            <img slot="active-icon" src="~assets/img/tabbar/food_active.png" alt="">
            <div slot="text">点单</div>
        </tab-bar-item>
        <tab-bar-item link="/shop">
            <img slot="icon" src="~assets/img/tabbar/shop.png" alt="">
            <img slot="active-icon" src="~assets/img/tabbar/shop_active.png" alt="">
            <div slot="text">百货</div>
        </tab-bar-item>
        <tab-bar-item link="/order">
            <img slot="icon" src="~assets/img/tabbar/order.png" alt="">
            <img slot="active-icon" src="~assets/img/tabbar/order_active.png" alt="">
            <div slot="text">订单</div>
        </tab-bar-item>
        <tab-bar-item link="/mine">
            <img slot="icon" src="~assets/img/tabbar/mine.png" alt="">
            <img slot="active-icon" src="~assets/img/tabbar/mine_active.png" alt="">
            <div slot="text">我的</div>
        </tab-bar-item>
    </TabBar>
</template>

<script>
    import TabBar from '../tabbar/TabBar'
    import TabBarItem from '../tabbar/TabBarItem'
    export default {
        name: "MainTabBar",
        components:{
            TabBar,
            TabBarItem
        }
    }
</script>

<style scoped>

</style>
